<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
     /*
     将ul里的第一个li设置为红色

     伪类（不存在的类，特殊的类）
        -伪类用来描述一个元素的特殊状态
           比如:第一个子元素、被点击的元素、鼠标移入的元素
         -伪类一般情况下都是使用:开头
            :fist-child 第一个子元素
            :last-child  最后一个子元素
            :nth-child    选择中第n个子元素
               特殊值
                  n 第n个 n的范围0到正无穷，既全部选中
                  2n 或者even 表示选中偶数位的元素
                  2n+1  或者 odd表示选中奇数位的元素
                  --以上这些伪类都是根据所有的子元素进行排序


           :first-fo-type
           :last-fo-type
           :nth-of-type
               -这几个伪类的功能和上述类似，不同点是它们在同类型元素中进行排序
            :not()否定伪类
               -将符合条件的元素从选择器中去除
     */

     /* ul >li:first-child{
         color: skyblue;
     }*/
     /*ul li:nth-child(2n){
         font-size: 60px;
     }*/
     /*ul >li:nth-child(2n+1){
         color: red;
     }*/
     /* ul >li:nth-of-type(2n){
         font-size: 60px;
         color: red;
     }*/
     ul>li:not(:nth-of-type(3)){
         color: red;
     }
    </style>
</head>
<body>
 <ul>
     <h1>第0个</h1>
   <li>第一个</li>
   <li>第二个</li>
     <li>第3个</li>
     <li>第4个</li>
     <li>第5个</li>
     <li>第6个</li>
     <li>第7个</li>
     <li>第8个</li>
 </ul>
</body>
</html>